import Vue from 'vue'
import VueRouter from 'vue-router'
// import User from '../components/User.vue'

Vue.use(VueRouter)

// 防止路由重复注册
// 获取原型对象上的push函数
const originalPush = VueRouter.prototype.push
// 修改原型对象中的push方法
VueRouter.prototype.push = function push(location) {
   return originalPush.call(this, location).catch(err => err)
}

const routes = [
    {
        path: '/',
        name: 'Main',
        component: () => import("../views/Main.vue"),
        redirect: '/login',  
        children :[
            {
                path: '/home', 
                name: 'home',
                component: ()=>import("../views/home")
            },
            {
                path: '/user',
                name: 'user',
                component: ()=>import("../views/user/user.vue")
            },
            {
                path: '/mall',
                name: 'mall',
                component: ()=>import('../views/mall')
            },
            {
                path: '/page1',
                name: 'page1',
                component: ()=>import('../views/other/pageOne.vue')
            },
            {
                path: '/page2',
                name: 'page2',
                component: ()=>import('../views/other/pageTwo.vue')
            }
        ]
    },
    {
        path: "/login",
        name: "login",
        component: ()=> import("../views/login/login.vue")
    },
    {   
        path: "*",
        name: "All",
        component: ()=> import("../views/all")
    },

]
const router = new VueRouter({
    mode: 'history',
    routes
})



export default router